<template>
    <div>
        <el-row>
            <el-col :span="18" class="modelWrapper">
                三维模型区
            </el-col>
<!--            阴极板的各项数值-->
            <el-col :span="6">
                <el-row>
                    <el-col :span="24">
                        阴极板编号
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        阴极板当前状态
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        状态更新时间
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        循环次数
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        维修次数
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        定位该版(位置)
                        定位阴极板(跳转到阴极板所在的电解槽的详细位置/阴极板短路模块)
                    </el-col>
                </el-row>
            </el-col>
        </el-row>
        <el-row class="modelWrapper">
            <el-col :span="8">
                <h3>
                    阴极板健康趋势(平面度数据)折线图
                    阴极板健康折线图：动态检测数据上传时间（YYYY/MM/DD）与最大平面度数据（MAX.）绘制出阴极板历史折线图；
                </h3>

            </el-col>
            <el-col :span="8">
                <h3>
                    阴极板维修记录
                    阴极板维修记录：以日志形式展示当前阴极板的维修次数、报修类型、报修人员、报修时间；
                </h3>
            </el-col>
            <el-col :span="8">
                <h3>
                    阴极板日志
                    (即app时间线)
                    以当前阴极板在使用过程中所记录的所有数据内容以时间线形式展示；
                </h3>

                <div class="block">
                    <el-timeline>
                        <el-timeline-item timestamp="2018/4/12 20:46" placement="top">
                            <el-card>
                                <h4>更新 Github 模板</h4>
                                <p>王小虎 提交于 2018/4/12 20:46</p>
                            </el-card>
                        </el-timeline-item>
                        <el-timeline-item timestamp="2018/4/3 20:46" placement="top">
                            <el-card>
                                <h4>更新 Github 模板</h4>
                                <p>王小虎 提交于 2018/4/3 20:46</p>
                            </el-card>
                        </el-timeline-item>
                        <el-timeline-item timestamp="2018/4/2 20:46" placement="top">
                            <el-card>
                                <h4>更新 Github 模板</h4>
                                <p>王小虎 提交于 2018/4/2 20:46</p>
                            </el-card>
                        </el-timeline-item>
                    </el-timeline>
                </div>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    name: 'productInfo',
    data() {
        return {

        }
    },
    methods: {
    },
}
</script>

<style scoped>
</style>
